<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <title>iWalk</title>
        <style>
            html, body {
                height: 100%;
                margin: 0px;
                padding: 0px
            }
        </style>
        <link rel="stylesheet" href="/css/jquery.mobile-1.4.5.min.css">
        <script src="/js/jquery-2.1.3.min.js" type="text/javascript"></script>
        <script src="/js/jquery.mobile-1.4.5.min.js" type="text/javascript"></script>
        <script>
            $(document).ready(function() {

            });
            $(document).on("mobileinit", function() {
                $.support.cors = true;
                $.mobile.allowCrossDomainPages = true;
            });
        </script>
    </head>
    <body>
        <!-- First page -->
        <section data-role="page">
            <header data-role="header">
                <h1>iWalk</h1>
                <nav data-role="navbar">
                    <ul>
                        <li><a href="#" class="ui-btn ui-btn-a">Option 1</a></li>
                        <li><a href="#" class="ui-btn ui-btn-a">Option 2</a></li>
                    </ul>
                </nav>
            </header>
            <article data-role="main">
                Content
            </article>
            <footer data-role="footer">
                <h1>Machine:</h1>
            </footer>
        </section>
    </body>
</html>